<template>
	<view class="warp">
		<!-- #ifdef APP-PLUS -->
		<statusBar></statusBar>
		<!-- #endif -->

		<!-- banner -->
		<unicloud-db ref="bannerdb" v-slot:default="{data, loading, error, options}" collection="opendb-banner"
			field="_id,bannerfile,open_url,title" @load="onqueryload">
			<!-- 当无banner数据时显示占位图 -->
			<image v-if="!(loading || data.length)" class="banner-image" src="/static/uni-center/headers.png"
				mode="aspectFill" :draggable="false" />

			<swiper v-else class="swiper-box" @change="changeSwiper" :current="current" indicator-dots>
				<swiper-item v-for="(item, index) in data" :key="item._id">
					<view class="swiper-item" @click="clickBannerItem(item)">
						<image class="banner-image" :src="item.bannerfile.url" mode="aspectFill" :draggable="false" />
					</view>
				</swiper-item>
			</swiper>
		</unicloud-db>

		<uv-subsection :list="subsections" mode="subsection" :current="current1" @change="change1"></uv-subsection>
		<view>
			<uv-list>
				<uv-list-item v-for="(item, index) in list" :key="index" :title="item.title" :note="item.note" border
					show-extra-icon :extra-icon="item.extraIcon" link :right-text="item.rightText" :to="item.to"
					:class="{ 'pending-color': item.rightText  }">
				</uv-list-item>
			</uv-list>
		</view>

	</view>
</template>

<script>
	// #ifdef APP-PLUS
	import statusBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-status-bar";
	// #endif
	export default {
		// #ifdef APP-PLUS
		components: {
			statusBar
		},
		// #endif
		data() {
			return {
				subsections: ['年度', '季度', '月度', '节假日'],
				list: [],
				current1: 2,
				gridList: [],
				current: 0,
				hasLogin: false
			}
		},
		onShow() {
			this.hasLogin = uniCloud.getCurrentUserInfo().tokenExpired > Date.now()
			this.updateList(this.current1);
		},
		onLoad() {
			
			
		},
		methods: {
			change1(index) {
				this.current1 = index;
				this.updateList(index);
			},
			change(e) {
				uni.showToast({
					title: this.$t('grid.clickTip') + " " + `${e.detail.index + 1}` + " " + this.$t(
						'grid.clickTipGrid'),
					icon: 'none'
				})
			},
			updateList(index) {
				this.list=[]
				if (index === 0) {
					
				} else if (index === 1) {
					
				} else if (index === 2) {
					const db=uniCloud.database()
					let uid=uniCloud.getCurrentUserInfo()
					const now = new Date();
					const year = now.getFullYear();
					console.log(year)
					db.collection("a-userxiafabiaodan").where({
						nickname:uid.uid,
						tianxie_status:"未填写"
					}).get().then(res=>{
						console.log(res)
						console.log(res.result.data.length)
						var newDate = new Date();
						 
						
						if(res.result.data.length!=0){
							for(let i=0;i<res.result.data.length;i++){
								newDate.setTime(res.result.data[i].date );
								let obj={
									title: String(year)+"-"+res.result.data[i].month,
									note: res.result.data[i].form+",发布于"+newDate.toLocaleDateString(),
									extraIcon: {
										icon: 'empty-list',
										color: '#3c9cff'
									},
									rightText: res.result.data[i].tianxie_status,
									to: '/pages/test/test?userid='+uid.uid+'&_id='+res.result.data[i]._id
								}
								this.list.unshift(obj)
							}
							
						}else{
							this.list=[]
						}
					})
					
					
					// console.log(uid)
					// this.list.unshift(
					// 	{
					// 		title: '2023-05',
					// 		note: '重点检测',
					// 		extraIcon: {
					// 			icon: 'empty-list',
					// 			color: '#3c9cff'
					// 		},
					// 		rightText: '待sss填写',
					// 		to: '/pages/test/test'
					// 	}
						
					// )
				
				}
				// ,
				// this.list = [{
				// 		title: '2023-05',
				// 		note: '请填写',
				// 		extraIcon: {
				// 			icon: 'empty-list',
				// 			color: '#3c9cff'
				// 		},
				// 		rightText: '待填写',
				// 		to: '/pages/test/test'
				// 	},
				// 	{
				// 		title: '2023-04',
				// 		note: '请填写',
				// 		extraIcon: {
				// 			icon: 'empty-list',
				// 			color: '#3c9cff'
				// 		},
				// 		rightText: '待填写',
				// 		to: '/pages/test/test'
				// 	}
				// ];
			
		},
		/**
		 * banner加载后触发的回调
		 */
		onqueryload(data) {},
		changeSwiper(e) {
			this.current = e.detail.current
		},
		/**
		 * 点击banner的处理
		 */
		clickBannerItem(item) {
			// 有外部链接-跳转url
			if (item.open_url) {
				uni.navigateTo({
					url: '/uni_modules/uni-id-pages/pages/common/webview/webview?url=' + item.open_url +
						'&title=' + item.title,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
			// 其余业务处理
		}
	}
	}
</script>

<style>
	/* #ifndef APP-NVUE */
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #fff;
		min-height: 100%;
		height: auto;
	}

	view {
		font-size: 14px;
		line-height: inherit;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
		font-size: 14px;
		background-color: #ffffff;
	}

	/* #endif */

	.section-box {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 20rpx;
	}

	.decoration {
		width: 4px;
		height: 12px;
		border-radius: 10px;
		background-color: #2979ff;
	}

	.section-text {
		color: #333;
		margin-left: 15rpx;
	}

	/* #ifdef APP-NVUE */
	.warp {
		background-color: #fff;
	}

	/* #endif */

	.example-body {
		flex-direction: column;
		padding: 15px;
		background-color: #ffffff;
	}

	.image {
		width: 50rpx;
		height: 50rpx;
	}

	.big-number {
		font-size: 50rpx;
		font-weight: 700;
		font-stretch: condensed;
		font-style: oblique;
	}

	.text {
		text-align: center;
		font-size: 26rpx;
		margin-top: 10rpx;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
	}

	.grid-item-box {
		flex: 1;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}

	.banner-image {
		width: 750rpx;
		height: 400rpx;
	}

	.swiper-box {
		height: 400rpx;
	}

	.search-icons {
		padding: 16rpx;
	}

	.search-container-bar {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 10;
		background-color: #fff;
	}

	/* #ifndef APP-NVUE || VUE3*/
	::v-deep

	/* #endif */
	.uni-searchbar__box {
		border-width: 0;
	}

	/* #ifndef APP-NVUE || VUE3 */
	::v-deep

	/* #endif */
	.uni-input-placeholder {
		font-size: 28rpx;
	}

	/* 新增的样式 */
	.pending-color {
		color: red;
	}
</style>